{literal}
<script type="text/javascript" language="javascript">
var urlEditar = '{/literal}{$_site.url}{$urlEditar}{literal}';
var urlApagar = '{/literal}{$_site.url}{$urlApagar}{literal}';
var urlMarcarLido = '{/literal}{$_site.url}{$urlMarcarLido}{literal}';
function irPara(pag)
{
	document.form_busca.pag.value = pag;
	jqAjaxForm(document.form_busca, "div_tabela");
}
function anterior()
{
	irPara(parseInt(document.form_busca.pag.value)-1);
}
function proximo()
{
	irPara(parseInt(document.form_busca.pag.value)+1);
}
function editar(codigo)
{
	document.form_acao.action = urlEditar;
	document.form_acao.codigo.value = codigo;
	document.form_acao.acao.value = "editar";
	jqAjaxForm(document.form_acao, "div_form");
}
function excluir(codigo)
{
	document.form_acao.action = urlApagar;
	document.form_acao.codigo.value = codigo;
	document.form_acao.acao.value = "apagar";
	jqAjaxForm(document.form_acao, "div_form");
}
function lerRecado(codigo, id_tr, bln_lido)
{
	if(bln_lido != "1")
	{
		abreMensagem(id_tr);
		
		$(".itemNovo_"+id_tr).removeClass("italic");
		$(".itemNovo_"+id_tr).removeClass("bold");
		$(".itemNovo_"+id_tr).removeClass("msgNaoLida");
		
		document.form_acao.action = urlMarcarLido;
		document.form_acao.codigo.value = codigo;
		document.form_acao.acao.value = "marcar-lido";
		jqAjaxForm(document.form_acao, "div_mensagem");
		
	}else{
		abreMensagem(id_tr);
	}
}

function abreMensagem(id_tr)
{
	$("#"+id_tr).show();
}

function escondeMensagem(id_tr)
{
	$("#"+id_tr).hide();
}

function buscaRecados(){
	jqAjaxForm(document.form_busca, "div_form");
}

function mostraBuscaRecado(div_id)
{
	if($("#"+div_id).is(":hidden"))
	{
		$("#"+div_id).show();
		$("#buscarRecadosTitulo").show();
	}else{
		document.getElementById(div_id).style.display="none";
		document.getElementById("buscarRecadosTitulo").style.display="none";
	}
} 

$("#data_inicio").datepick({showOn: 'both'});
$("#data_fim").datepick({showOn: 'both'});

$("#data_inicio").mask("99/99/9999");
$("#data_fim").mask("99/99/9999");

</script>
{/literal}
	<form name="form_acao" id="form_acao" action="#" method="post">
		<input type="hidden" name="codigo" id="codigo" value=""/>
		<input type="hidden" name="acao" id="acao" value=""/>
	</form>
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="2" class="alpha">
      <tr id="buscarRecadosTitulo" style="display:none">
        <td colspan="6" class="mvTituloFundo">Buscar recados</td>
      </tr>
      <tr id="buscarRecados" style="display:none">
        <td colspan="6" align="center">
	        <form name="form_busca" id="form_busca" action="{$_site.url}area-cliente/visualizar-recados" method="post" onsubmit="buscaRecados(); return false;">
	        	<table width="100%">
	        		<tr>
	        			<td class="fundoTituloForm bordaFormResp" width="15%">Assunto</td>
	        			<td class="bordaFormResp" width="35%"><input type="text" name="assunto" id="assunto" value="{$assunto}" class="formulario tamanhoForm"/></td>
	        			<td class="fundoTituloForm bordaFormResp" width="15%">Texto</td>
	        			<td class="bordaFormResp" width="35%" ><input type="text" name="texto" id="texto" value="{$texto}" class="formulario tamanhoForm"/></td>
	        		</tr>
	 				<tr>
	        			<td class="fundoTituloForm bordaFormResp" width="15%">Per&iacute;odo </td>
                 		<td valign="top" class="bordaFormResp">de:&nbsp;<input type="text" name="data_inicio" id="data_inicio" class="formulario" size="10">&nbsp;&nbsp;&agrave;:&nbsp;<input type="text" name="data_fim" id="data_fim" class="formulario" size="10"></td>
	        			<td class="fundoTituloForm bordaFormResp">Recados apados </td>
                 		<td valign="top" class="bordaFormResp" width="55%"><input type="radio" name="apagado" id="apagado" value="1" class="formulario" {if $pago == "1"} checked="checked" {/if}/>Sim&nbsp;</td>
					</tr>
	 				<tr>
                 		<td valign="top" class="bordaFormResp" colspan="4" align="center">
                 			<input type="submit" value="Buscar" class="botao"/>&nbsp;&nbsp;
                 			<input type="reset" value="Limpar" class="botao"/>
                 		</td>
					</tr>
	        	</table>
				<input type="hidden" name="pag" id="pag" value="{$pag}"/>
			</form>
			<br>
		</td>
      </tr>
      <tr>
        <td colspan="6" align="center">
        	<span class="msgNaoLida" onclick="mostraBuscaRecado('buscarRecados')" style="cursor:pointer">
        		BUSCAR RECADOS <img src="{$_site.url}/public/images/ic-pesquisa-recado.png" align="top" width="25">
        	</span>
        </td>
      </tr>
      <tr>
        <td valign="top" width="25%" class="paddingTotal3 bgCarla bold">Remetente</td>
        <td valign="top" width="25%" class="paddingTotal3 bgCarla bold">Destinat&aacute;rio</td>
        <td valign="top" width="30%" class="paddingTotal3 bgCarla bold">Assunto</td>
        <td valign="top" width="10%" class="paddingTotal3 bgCarla bold">Data</td>
        <td valign="top" width="10%" class="paddingTotal3 bgCarla bold">Lido</td>
        <td valign="top" width="10%" class="paddingTotal3 bgCarla bold">Apagar</td>
      </tr>
      {foreach name=lista from=$recados item=recado key=k}
        {assign var='recado_id' value=$recado->id}
  	  	{assign var='arrArquivos' value=$arquivos.$recado_id}
      <tr  onclick="lerRecado('{$recado->id}','msg{$k}', '{$recado->bln_lido}');">
        <td valign="top" class="fundoTituloForm terra {if $recado->bln_lido == 0} itemNovo_msg{$k} italic bold msgNaoLida{/if}">{$recado->vhr_remetente}</td>
        <td valign="top" style="cursor:pointer"  class="fundoTituloForm terra {if $recado->bln_lido == 0} itemNovo_msg{$k} italic bold msgNaoLida{/if}">({$recado->contrato_id}) {$recado->vhr_nome}</td>
        <td valign="top" style="cursor:pointer"  class="fundoTituloForm terra {if $recado->bln_lido == 0} itemNovo_msg{$k} italic bold msgNaoLida{/if}">{$recado->vhr_assunto}</td>
        <td valign="top" style="cursor:pointer"  class="fundoTituloForm terra {if $recado->bln_lido == 0} itemNovo_msg{$k} italic bold msgNaoLida{/if}">{$recado->dte_data|substr:8:2}/{$recado->dte_data|substr:5:2}/{$recado->dte_data|substr:0:4}&nbsp;&nbsp;{$recado->dte_data|substr:11:2}h:{$recado->dte_data|substr:14:2}</td>
        <td valign="top" class="fundoTituloForm" nowrap="nowrap">{if $recado->bln_lido == 1}{$recado->dte_lido|ConverteData:5} {$recado->dte_lido|substr:11:2}h:{$recado->dte_lido|substr:14:2}{else}<font color='#AF2026'>N&atilde;o lido{/if}</font></td>
        <td width="20" align="center" valign="top" class="fundoTituloForm"><a href="#" onclick="excluir('{$recado->id}'); return false;"><img src="{$_site.url}public/images/ic-excluir.gif" alt="Excluir" border="0" title="Excluir"/></a></td>
      </tr>
      <tr style="display:none" id="msg{$k}" alt="Fechar" title="Fechar">
      	<td colspan="6" class="bordaFormResp paddingTotal3" onclick="escondeMensagem('msg{$k}')" style="cursor:pointer">
      		<table width="100%" class="bordaFormResp">
      			<tr>
			        <td width="5%" nowrap valign="top" class="paddingTotal3 bold">Mensagem</td>
			        <td valign="top">{$recado->txt_texto}</td>
			    </tr>
			    {foreach name=lista2 from=$arrArquivos item=arquivo key=k}
			    <tr>
			        <td valign="top" class="paddingTotal3 bold">Anexo ({$k+1})</td>
			        <td valign="top"><a href='{$_site.url|cat:$ctePathArquivosContrato|cat:$contrato|cat:"/"|cat:$ctePathArquivosRecadosContrato|cat:$arquivo->vhr_nomearquivo}' target="_blank">{$arquivo->vhr_nomearquivo}</a></td>
			    </tr>
			    {/foreach}
        	</table>
      	</td>
      </tr>
      {/foreach}
      <tr>
        <td colspan="6" align="center">{if $pag gt 1}
		<a href="#" onclick="irPara('1'); return false;"><<</a> 
		<a href="#" onclick="anterior(); return false;"><</a> 
	{else}
		<<  < 
	{/if}
	{section name=foo start=1 loop=$totalPag+1}
		{if $smarty.section.foo.index eq $pag}
			<font color="red">{$smarty.section.foo.index}</font>
		{else}
			<a href="#" onclick="irPara('{$smarty.section.foo.index}'); return false;">{$smarty.section.foo.index}</a>
		{/if}
		{if $smarty.section.foo.index lt $totalPag}
		|
		{/if}
	{/section}
	{if $pag lt $totalPag}
	<a href="#" onclick="proximo(); return false;">></a> 
	<a href="#" onclick="irPara('{$totalPag}'); return false;">>></a>
	{else}
	>  >>
	{/if}</td>
      </tr>
    </table>
